<template>
    <div class="list">
        <CategoryItem v-for="(r,i) in games" :game="r" :key="i"></CategoryItem>
        
    </div>
</template>

<script>
import CategoryItem from "./CategoryItem"
export default {
    props:["games"],
    components: {
        CategoryItem
    },
}
</script>

<style scoped>
    .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    
}
</style>